<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>爱打印-iprint 购物车</title>
		<link rel="stylesheet" th:href="@{/layui/css/layui.css}">
	</head>

	<body>
	<!-- 菜单导航 -->
	<div th:insert="~{front/head :: header}"></div>
		<div class="layui-container">
			<div class="layui-row">
				<fieldset class="layui-elem-field small">
					<legend>
						<span class="layui-badge-dot"></span>
						<span class="layui-badge-dot layui-bg-orange"></span>
						<span class="layui-badge-dot layui-bg-green"></span> 订单详情
						<span class="layui-badge-dot layui-bg-green"></span>
						<span class="layui-badge-dot layui-bg-orange"></span>
						<span class="layui-badge-dot"></span>
					</legend>
					<div class="layui-field-box">

						<table class="layui-table" lay-skin="line">
							<colgroup>
								<col width="200">
								<col width="100">
								<col width="100">
								<col width="100">
								<col width="100">
								<col width="200">
							</colgroup>
							<thead>
								<tr>
									<th>照片名称</th>
									<th>尺寸</th>
									<th>边距</th>
									<th>底色</th>
									<th>版数</th>
									<th>单价</th>
									<th>合计金额</th>
								</tr>
							</thead>
							<tbody>
								<tr  th:each="order : ${cart}">
									<td  data-th-text="${order.fileName }"></td>
									<td  data-th-text="${order.pageSize }"></td>
									<td  data-th-text="${order.margin }"></td>
									<td  data-th-text="${order.changeBgc }"></td>
									<td  data-th-text="${order.count }"></td>
									<td  data-th-text="${order.unitPrice }"></td>
									<td data-th-text="${order.total }元"></td>
								</tr>
							</tbody>
						</table>
						<form class="layui-form" th:action="@{/order/pay}" th:method="post">
							<div class="layui-form-item">
								<label class="layui-form-label">付款方式</label>
								<div class="layui-input-block">
									<input type="radio" name="payType" value="微信" title="微信" checked="checked">
									<input type="radio" name="payType" value="支付宝" title="支付宝" >
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">备注留言</label>
								<div class="layui-input-block">
									<input  name="userMsg" type="text"  placeholder="请输入您的留言" style="width: 300px;margin-top: 10px;">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">确认订单</label>
								<div class="layui-input-block">
									<button class="layui-btn" lay-submit="" lay-filter="demo2">提交订单</button>
								</div>
							</div>
						</form>
					</div>
				</fieldset>
			</div>
		</div>
		<!---->
		<script type="text/javascript" th:src="@{/layui/layui.js }"></script>
		<script type="text/javascript">
			layui.use(['form','element'], function() {
				var element = layui.element,
					form = layui.form; 
			});
		</script>
	</body>

</html>